<!-- @format -->
<script setup>
  // 关联 scroll-view 组件滚动到的元素 id
  const scrollIntoView = ref(null)
  const onScroll = (e) => {
    isFixedTop.value = e.detail.scrollTop >= offsetTop
    // 如果没有吸顶，需要把 scrollIntoView 设置为null
    if (!isFixedTop.value) {
      scrollIntoView.value = null
    }
  }

  // 点击筛选项时
  const onFilterClick = (item) => {
    // 把 isFixedTop 设置为 true
    isFixedTop.value = true
    // 让 scroll-view 组件滚动到筛选位的位置
    scrollIntoView.value = 'indexFilterViewId'
    // 把其他的item的isOpen设置为false
    filterTypeList.value.forEach((item) => {
      item.isOpen = false
    })
    // 把 item的 isOpen 设置为true
    item.isOpen = true
  }
</script>

<template>
  <scroll-view :scroll-into-view="scrollIntoView">
    <!-- 筛选位 -->
    <view class="index-filter" id="indexFilterViewId">
      <view class="index-filter-item" @click="onFilterClick(item)">
        <bit-icon :name="item.isOpen ? 'zhankai' : 'xiala-light'" />
      </view>
    </view>
  </scroll-view>
</template>
